<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>QQ注册验证</title>
	</head>

	<body>
		<header><img src="img/bg_chs.png" /></header>
		<section>
			<form action="#" method="get">
				<h2>注册账号</h2>
				<p>
					<label for="name">昵称</label>
					<input type="text" id="name" required pattern="[-\w\u4E00-\u9FA5]{4,10}"/>
					<span>长度为4-10个字符</span>
				</p>
				<p>
					<label for="pass">密码</label>
					<input type="password" id="pass" required pattern="[\dA-Za-z]{6,16}"/>
					<span>长度为6-16个字符</span>
				</p>
				<p>
					<label for="repass">确认密码</label>
					<input type="password" id="repass" required pattern="[\dA-Za-z]{6,16}"/>
					<span>长度为6-16个字符</span>
				</p>
				<p>
					<label for="tel">手机号码</label>
					<input type="tel" id="tel" required pattern="1[3578]\d{9}"/>
					<span>长度为11位，以13|5|7|8开头</span>
				</p>
				<p>
					<label for="email">邮箱</label>
					<input type="email" id="email" required/>
				</p>
				<p>
					<label for="age">年龄</label>
					<input type="text" id="age" required pattern="\d|[1-9]\d|1[0-2]\d"/>
				</p>
				<p>
					<input type="submit" value="" style="background-image: url(img/btn.bmp);display: inline-block; width:180px ;height:51px ;" />
				</p>
			</form>
		</section>
	</body>

</html>